<template>
  <div>
    <TopBar title="匿名信箱" :hasBack="false"></TopBar>
    <h2 class="van-doc-demo-block__title">发送信箱</h2>
    <van-cell icon="add-o" is-link title="新建信息" @click="sendMailbox" />
    <h2 class="van-doc-demo-block__title">我的信箱</h2>

    <van-cell icon="comment-o" is-link title="我的发件箱" @click="getMailboxList('sent')" />
    <van-cell icon="envelop-o" is-link title="我的收件箱" @click="getMailboxList('recipient')" />
    <van-cell icon="chat-o" is-link title="我的草稿箱" @click="getMailboxList('draft')" />
    <h2 class="van-doc-demo-block__title">我的账号</h2>
    <van-cell icon="friends-o" is-link title="常用联系人" @click="getInformationList" />
    <van-cell icon="user-circle-o" is-link title="个人信息" @click="show = true" />
  </div>
</template>

<script>
import TopBar from "@/views/component/topBar";
export default {
  components: {
    TopBar
  },
  data() {
    return {
      searchValue: ""
    };
  },
  methods: {
    sendMailbox() {
      this.$router.push({ name: "send" });
    },
    getMailboxList(path) {
      this.$router.push({ name: path });
    },
    getInformationList() {
      this.$router.push({ name: "information" });
    }
  }
};
</script>

<style>
.van-doc-demo-block__title {
  margin: 0;
  padding: 32px 16px 16px;
  color: rgba(69, 90, 100, 0.6);
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
</style>